<template>
   <div id="header" :style="styleBase">
        我是标题
   </div>
</template>
 
<script>
export default {
   name: 'Header',
   props: {
       base: {
           type: Object,
       }
   },
   computed: {
       styleBase() {
           return {
               width: this.base.width+"px",
               height: this.base.height+"px",
               lineHeight: this.base.height+"px",
           }
       }
   },
   components: {
   },
   methods: {
   },
   data () {
       return {
       }
   }
}
</script>
 
<style>
#header {

}
</style>